/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
HTML,BODY,a {}a:hover{cursor:url(http://cur.cursors-4u.net/others/oth-7/oth658.cur),progress !important;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
::selection {background:darkred; color:#FFF;}
::-moz-selection {background:darkred; color:#FFF;}
::-webkit-selection {background:darkred; color:#FFF;}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.quickedit{display:none;}
/* Custom
 * ------------------ */
body#layout{
max-width:100%;
}
body#layout #header-wrapper {
height:100px;
}
body#layout #logo {
left:0;
top:15px;
}
.navbar {
display:none
}
.widget {
margin:0;
padding:0
}
.clearfix:after{
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden
}
* html .clearfix,:first-child+html .clearfix{
zoom:1
}
.clear {
display:block;
clear:both;
float:none;
border:none;
font-size:0;
height:0;
overflow:hidden;
margin:0;
padding:0
}
/* TYPOGRAPHY
 * ------------------ */
 /* Link */
a:hover,
a:focus,
a:active {
color:#557FFF;outline:0;
text-decoration:none;-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out;
text-decoration:none
}
a:link {
color:#ddd;
text-decoration:none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
}
a:visited {
color:#0F2030;
text-decoration:none;
}
a:hover {
color:#fff;text-shadow:0 0 5px #2AAAFF,0 0 5px #2AAAFF,0 0 5px #2AAAFF,0 0 5px #2AAAFF;
text-decoration:none;
}
a img {
border-width:0;
}
/* Styling Font */
h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a{
font:$(styling.font);
}
/* Heading */
h1 {font-size:24px; line-height:45px; margin-bottom:24px;}
h2 {font-size:24px; line-height:35px; margin-bottom:20px;}
h3 {font-size:24px; line-height:25px; margin-bottom:18px;}
h4 {font-size:24px; line-height:15px; margin-bottom:16px;}
h5 {font-size:24px; line-height:15px; margin-bottom:14px;}
h6 {font-size:24px; line-height:15px; margin-bottom:10px;}
/* List */
ul{list-style:square;}
ol{list-style-type:decimal;padding-left:30px;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
/* Pre/Code */
pre{
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
white-space:pre;
overflow:auto;margin: 15px 10px 15px 10px;position:relative !important;
clear:both;
line-height:19px;
background:#1d1d1d;border-radius:5px;-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 1px 3px #ccc;box-shadow:inset 0px 0px 5px #ccc;
border:2px solid rgba(255, 255, 255, 0.03);
padding:10px
}
code {margin: 15px 10px 15px 10px;position:relative !important;
padding-left;border-radius:5px;-webkit-border-radius:5px;
-moz-border-radius:5px;padding:10px;background:#000 url(gambar) no-repeat center;
display:block;
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
box-shadow:0px 1px 3px #fff;box-shadow:inset 0px 0px 5px darkblue;
border:2px solid rgba(255, 255, 255, 0.03);
}
/* Blockquote */
blockquote {border-radius:5px;-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 1px 3px #ddd;box-shadow:inset 0px 0px 5px #ddd;
border:2px solid rgba(255, 255, 255, 0.03);
margin: 15px 10px 15px 10px;position:relative !important;
font-family: "Consolas","Courier New",Courier,mono,serif;font-size:14px;
padding:10px 10px 10px 50px;
background:#000 url(http://4.bp.blogspot.com/-EireCYLbHek/UOytWEpHHLI/AAAAAAAAC4M/is8LThlglFw/s000/quote.png) no-repeat 0 0;
}
blockquote cite{
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:1px;
text-transform:uppercase;
margin: 5px 0 0;
display: block;
}
/* MAIN LAYOUT
 * ================== */
body {
font-family:Electrolize;text-shadow: 1px 1px 2px #000;
color:#fff;background:black url("http://1.bp.blogspot.com/-CbEBY8RyjtA/UOytXHiHqmI/AAAAAAAAC4U/ELVWklCit7c/s000/naruto-anime-wallpaper-1920x1080-1392.jpg") no-repeat scroll 0 0;
background-position:center top;
background-attachment:fixed;
padding:15px 0;
}
#wrapper {
width:940px;opacity:0.9;
background:black url(url) no-repeat scroll 0 0;background-position:center top;
background-attachment:fixed;
margin:0 auto;
padding:10px;box-shadow:0 1px 9px #060FAE;
text-align:left;
border-right:2px solid #333;border-left:2px solid #333;
}
/* HEADER AREA
 * ================ */
#header-wrapper {
overflow:hidden;
height:320px;
background-color:#000; 
background-image: url(http://1.bp.blogspot.com/-fQuEtlVIZmU/UOytYAc7nxI/AAAAAAAAC4c/0SzqidP7xRk/s000/o3f1388bguwa.jpg); 
background-attachment: scroll;
background-position: center right; 
background-repeat: no-repeat; 
padding:10px 0;box-shadow:0 1px 7px #111;
position:relative
}
/* Logo */
#logo {background: url(http://4.bp.blogspot.com/-7Fdqy2FxXto/UOytYsl7koI/AAAAAAAAC4k/0oTBMBiHj-M/s000/logobox.png) no-repeat scroll 0 0 transparent;
text-align:center;
float:left;
margin:80px 0px 0px 15px;
height:95px;
left:20px;
position: absolute;
top:30px;
width:477px;
}
#logo h1.title{
font-size:46px;
font-family:Electrolize;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #00FCDA,0 0 70px #00FCDA,0 0 80px #00FCDA,0 0 100px #00FCDA,0 0 150px #00FCDA;
font-weight:bold;
margin:0 0 5px 0;
padding:0;
line-height:100%;}
#logo h1.title a{color:#000;}
#logo h1.title a:hover{color:#fff;text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px #557FFF, 0 0 40px #557FFF, 0 0 70px #557FFF, 0 0 80px #557FFF, 0 0 100px #557FFF, 0 0 150px #557FFF;-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
/* Description */
#logo .description{
font-family:Electrolize;
color:#fff;text-shadow:0 0 3px #00FCDA,0 0 3px #00FCDA,0 0 3px #00FCDA,0 0 3px #00FCDA;
margin:0;
padding:0;
line-height:100%;
}
/*CONTENT AREA*/
#content{
padding:0;
}
#main-wrapper{
width:520px;
float:left;
margin:0;
padding:0;
overflow:hidden;
}
#sidebar-wrapper{
width:170px;
float:left;
margin:0;
padding:20px 10px;
}
#sidebar-secondary{
width:230px;
float:right;
margin:0;
padding:20px 0px 0px 0px;
}
#arnas-wrapper{
width:400px;
float:right;
margin:0;
padding:20px 10px;
}
#main, #sidebar-1, #sidebar-2, #arnas{
margin:0;
padding:0;
}
/* Post */
.date-header{
display:none
}
.post, #comments{
background:#111 url(URL);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 0 15px;
padding:10px;border:1px solid #222;
}
.post-title {font-family: 'Rancho', cursive;
font-size:23px;margin:0 0 8px 0;color:#fff;text-shadow:1px 1px 3px #0cb77d, -1px 1px 3px #0cb77d, -1px -1px 3px #0cb77d, 1px -1px 3px #0cb77d;padding:8px 0px 8px 40px;
background:#000 url(http://3.bp.blogspot.com/-9a_SKZbBz-8/UOytZMF1DVI/AAAAAAAAC4s/h20dKS6SgjM/s000/postheadericonge.png)no-repeat left center;border-radius:5px;-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.post-title a{
color:#ddd
}
.post-title a:hover {
color:#fff;-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.post-header{font-size:12px;line-height:20px;}
.post-timestamp{background:url(http://4.bp.blogspot.com/-ako7EL6O0_g/UOytZWK4kDI/AAAAAAAAC40/QnKnWYoW0Ho/s000/j3nclockve5.png) no-repeat 0 2px;margin:0px !important;padding:2px 0 2px 20px;}
.post-author{background:url(http://cdn.likenaruto.com/wp-content/themes/likenaruto/images/favicon.ico) no-repeat 0 0px;margin:0 0 0 10px !important;padding:2px 0 2px 20px;}
.post-body{letter-spacing:1.1px;margin:15px 0;}
.post-body img{background:#000;padding:3px;
border:1px solid #222;max-width:492px;-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
.post-body img:hover{border:1px solid #333;opacity:0.8;}
.post-footer{background:#c6c2b9;font-size:11px;padding:5px 10px;position:relative;}
.jump-link {position:absolute;right:10px;top:20px;}
.jump-link a{background:#e8e4dd;padding:8px 12px;font-weight:bold;font-size:12px;border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px 4px 4px 4px;-khtml-border-radius:4px;color:#ddd}
.feed-links {heght:33px;line-height:33px;padding-left:33px;background:url(http://2.bp.blogspot.com/-imme9Zd40Mo/UOytaLk-5SI/AAAAAAAAC44/x1-VKOzT_ho/s000/feed_icon.png) no-repeat left center;font-size:14px;font-weight:bold}
/* Comments */
#comments h4{background: url(http://2.bp.blogspot.com/-2vXzGTBgJ5s/UOytagE7SzI/AAAAAAAAC5E/59SL3-iqsOs/s000/icon_comments.png) no-repeat 3px .3em;width:558px;font-size:16pxt;text-transform:sentence case;font-weight:400;line-height:1.5em;letter-spacing:0;color:#fff;padding-left:27px;padding-top:0;margin:0}#comment-form {width:560px;}.comment-form {width:560px;}#comments-block{border:0 solid #ccc;width:510px;line-height:1.6em;margin:1.3em 0 1.5em}#comments-block .comment-author{background:#f6f6f6;border-top:1px solid #ccc;padding-left:10px;color:#111;margin:.5em 0}#comments-block .comment-author a:link,a:visited{color:#346ba4}#comments-block .comment-footer{padding-left:0;line-height:1.5em;font-size:9px;border-top:1px solid #ccc;margin:.25em 0 2em}#comments-block .comment-footer a:link,a:visited{color:#444}#comments-block .comment-body p{text-align:left;padding-left:10px;border-left:3px solid #f0f0f0;margin:0 0 .75em}#comments-block a:link{color:#c13a10}.deleted-comment{font-style:italic;color:gray}.owner-Body p{text-align:left;color:#000;padding-left:10px;background:#FFFFD7;border-left:3px solid darkred;margin:0 0 .75em}
#comments-block .avatar-image-container img {background-color: transparent;background-image: url(http://4.bp.blogspot.com/-QMXHAMVPllg/UOytbfsH54I/AAAAAAAAC5M/-xkbGvHcVK8/s000/loading-white.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: center top;width: 35px;height: 35px;position:absolute}
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url();}
.comments .comments-content .loadmore a {border-top: 1px solid #333;border-bottom: 1px solid #222;}
.comments .continue {border-top: 2px solid #111;}
.comments .comments-content .datetime a{float:right;color:darkred;}
.comment-block .comment-footer a:link, a:visited {color:#666;}
.comments .avatar-image-container {margin-left:-25px;}
.comments .continue a{color:orange;}
#comments-block li, .comments .comments-content .comment-thread ol li, .comments .comments-content .comment:last-child {
background:transparent url(URL) top repeat-x;margin:10px auto 0;
margin:10px 0;
padding:5px 10px;
border-top:1px solid #222;
border-left:3px solid darkred;
border-bottom:1px solid #333;
border-right:1px solid #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
-moz-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
-webkit-box-shadow: 0 1px 0 #FFF inset, 0 1px 0 #FFF;
}
.comment-actions a { background: #c1c1c1; background: -moz-linear-gradient(top, #c1c1c1 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #c1c1c1 0%,#dedede 100%); background: -o-linear-gradient(top, #c1c1c1 0%,#dedede 100%); background: -ms-linear-gradient(top, #c1c1c1 0%,#dedede 100%); background: linear-gradient(top, #c1c1c1 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#dedede',GradientType=0 ); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:2px 5px !important; margin-right:10px; border:1px solid #c1c1c1; color:#666666; -webkit-box-shadow: 2px 1px 1px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 1px 1px -1px rgba(0, 0, 0, 0.1); box-shadow: 2px 1px 1px -1px rgba(0, 0, 0, 0.1); }
.comment-actions a:hover { background: #c9c9c9; background: -moz-linear-gradient(top, #c9c9c9 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top, #c9c9c9 0%,#dedede 100%); background: -o-linear-gradient(top, #c9c9c9 0%,#dedede 100%); background: -ms-linear-gradient(top, #c9c9c9 0%,#dedede 100%); background: linear-gradient(top, #c9c9c9 0%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#dedede',GradientType=0 ); text-decoration:none !important; }
.avatar-image-container {
-webkit-box-shadow:
1px 1px   0 rgba(0,   0,   0,   0.100),
3px 3px   0 rgba(255, 255, 255, 1.0),
4px 4px   0 rgba(0,   0,   0,   0.125),
6px 6px   0 rgba(255, 255, 255, 1.0),
7px 7px   0 rgba(0,   0,   0,   0.150),
9px 9px   0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0,   0,   0,   0.175);
-moz-box-shadow:
1px 1px   0 rgba(0,   0,   0,   0.100),
3px 3px   0 rgba(255, 255, 255, 1.0),
4px 4px   0 rgba(0,   0,   0,   0.125),
6px 6px   0 rgba(255, 255, 255, 1.0),
7px 7px   0 rgba(0,   0,   0,   0.150),
9px 9px   0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0,   0,   0,   0.175);
box-shadow:
1px 1px   0 rgba(0,   0,   0,   0.100),
3px 3px   0 rgba(255, 255, 255, 1.0),
4px 4px   0 rgba(0,   0,   0,   0.125),
6px 6px   0 rgba(255, 255, 255, 1.0),
7px 7px   0 rgba(0,   0,   0,   0.150),
9px 9px   0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0,   0,   0,   0.175);
-moz-transition:
-moz-transform 0.5s ease 0s;
}
.avatar-image-container:hover {
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-ms-transform:rotate(15deg);
}
/* Blog Pager */
#blog-pager {
background:#111;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:10px}
#blog-pager a {
font-size:12px;font-family:Metamorphous;
font-weight:bold;
display:inline-block;background:darkblue;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:8px;border:1px solid #222;
color:#ccc}
#blog-pager a:hover{border-radius:9px;-webkit-border-radius:9px;
-moz-border-radius:9px;background:#000;
color:#fff}
/* Sidebar Widget */
.sidebar h2{
padding:2px 0px 2px 40px;
background:#000 url(http://1.bp.blogspot.com/-nUWj1hHCZ50/UOytbmUU16I/AAAAAAAAC5U/ILOBtFlhKuU/s000/narutofnew-h2.jpg)no-repeat left center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0;
color:#ddd;text-shadow:1px 1px 3px #96A4FD, -1px 1px 3px #96A4FD, -1px -1px 3px #96A4FD, 1px -1px 3px #96A4FD;
font-family:Metamorphous;
font-size:15px;
}
.sidebar .widget{
background:#111 url('#');
margin:0 0 15px 0;
padding:10px;border:1px solid #222;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 9px 0 #060A8E inset, 0 9px 0 #060A8E;
-moz-box-shadow: 0 9px 0 #060A8E inset, 0 9px 0 #060A8E;
-webkit-box-shadow: 0 9px 0 #060A8E inset, 0 9px 0 #060A8E;
}
.sidebar .widget-content{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:5px 0 10px 0;
padding:5px 10px 10px 10px;
color:#dcd7cb;
}
.sidebar ul{
margin:0;
padding:0;
list-style:none
}
.sidebar ul li{
background:url(http://4.bp.blogspot.com/-ublTFjCIGtY/UOytccOkABI/AAAAAAAAC5c/YrQIz2vwkk0/s000/k.gif) no-repeat -0px;
padding:3px 0 3px 15px;
}
.sidebar ul li a{
color:#f9e5b8;
}
.sidebar ul li a:hover{
color:#dcd7cb;-moz-transform:translate(.5em, 0pt);-webkit-transform:translate(.5em, 0pt);
}
.sidebar li {margin:0;padding:0;padding: 5px 0px 5px 5px;
color:#ccc;list-style-type:none;text-decoration:none;
display:block;border-bottom:1px solid #000;line-height:28px;}
.sidebar li:hover{background:#000;border-top:1px solid #000;
border-right:1px solid #222}
.sidebar li a:link, .sidebar li a:visited {
color:#777;text-decoration:none;}
.sidebar li a:hover {color:#fff;}
.sidebar a:hover {text-decoration:underline;}
/* FOOTER 
 * ---------- */
#footer {
margin-top:10px;
padding:10px;
}
.footer {
margin:0!important;
overflow:hidden
}
#footer .widgets {
float:left;
width:221px;
margin:10px 10px 0 1px;
}
#footer #widgets3 {
float:right;
margin:10px 1px 0 0;
}
/* Credits */
#credit-footer {
background:darkblue;
border-radius:5px;
padding:10px 0;
text-align:center;
font-size:13px;
overflow:hidden;
position:relative;
color:#bbb;
}
#credit-footer a{
text-decoration:underline;
color:#fff
}
#nav {
margin-top:-60px;
background:#000 url(url) no-repeat center;
float:left;position:relative;
height:98%;width:940px;
padding-top:0px;
overflow:hidden;
margin-left:0px;
-moz-box-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);
-webkit-box-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);
}
#nav li{
float:left;
display:inline;
list-style:none;
line-height:13px;
margin-right:1px;
}
#nav li a:hover, #nav li a.selected{
color:#ddd;background:#fff;border-radius:5px;
}
*html #nav li a:hover, #nav li a.selected{
color:#ddd;background:#fff;
}
#nav li a {
float:left;
font-family: 'Rancho', cursive;
font-size:22px;
text-decoration:none;
color:#ffffff;
padding:15px 15px 25px 15px;
}
#nav li a span{
font-family:Electrolize;
font-size:11px;
letter-spacing:-0.1px;
color:#ffffff;
}
#nav li a:hover span, #nav li a.selected span{
color:#9E1C16;
}
.UTta-readmore {background:black;font-size:18px;color:#32BDE8;height:100px;width:100px;line-height:100px;position:absolute;z-index:999999;-moz-border-radius:200px;-webkit-border-radius:200px;border:8px solid rgba(255, 255, 255, 0.8 );margin-top:-10px;margin-left:170px;-webkit-box-shadow:0 1px 9px red;-moz-box-shadow:0 1px 9px red;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip: padding-box;opacity:0.9;-moz-transform: rotate(60deg);-webkit-transform: rotate(60deg);box-shadow:0 1px 9px blue;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
.UTta-readmore:hover {opacity:2;height:100px;width:100px;-webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg);box-shadow:0 1px 9px red;}
.UTta-readmore a {color:#32BDE8;font-family: 'Rancho', cursive;
text-shadow:0px 0px 1px #32BDE8;font-size:18px}
/* Admin profile */
.profile-img { float: left;margin-top: 0 5px 0 0;}
.profile-data {
margin:0;text-transform:uppercase;
font-family: 'Rancho', cursive;
font-weight: bold;
line-height: 1.6em;
font-size:15px;}
.profile-datablock { margin:.5em 0 .5em;}
.profile-textblock { margin: 0.5em 0;line-height: 1.6em;text-shadow:0px 0px 1px #ffffff;text-align: justify;font-size: 12px;font-family:'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;}
.profile-link {display: none !important;}
#menujohanes{position: relative;}
ul.dark_menu {
margin:auto;
list-style: none;
padding: 5px 0px;
font-weight: 200;
font-size: 13px;
color: #000000;
position: relative;
border: 1px solid #ddd;
padding-left: 30px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
ul.dark_menu li {
float: left;
position: relative;
border-right: 1px dashed #ddd;}
/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a, ul.dark_menu li a:link {
color: #666;
text-decoration: none;
display: block;
padding: 8px 26px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a:hover {
color: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li a.selected {
text-transform: uppercase;
font-weight:bold;
margin-left: 10px;
margin-right: 5px;
border-left: 1px dashed #ddd;
}
ul.dark_menu li a.selected, ul.dark_menu li a:active {
color: #222;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
ul.dark_menu li ul {
display: none;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.dark_menu li ul {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;top:55px;list-style:none;}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);
left: 0;border-radius: 0px 0px 5px 5px;
top: 40px;
padding: 5px 0;
list-style: none;
background: #fff;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li {
float: none;
margin:0px;}
ul.dark_menu li ul li:first-child {
margin:0px;
border-top: 0 none;}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
}/* Blog johanes djogzs.blogspot.com */
ul.dark_menu [data-role="dropdown"] > a::before {
position: absolute;
content: "^";
display: block;
font-size: 13px;
left: 100%;
margin-left: -20px;
top: 7px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #222;
display: block;
background: transparent none;
padding: 10px 25px 10px 25px;
white-space: nowrap;}
ul.dark_menu li ul li a:hover {
background:#94B3E6;-moz-transition: all 0.1s ease-in-out;color:#fff;
-webkit-transition: all 0.1s ease-in-out;
}/* Blog johanes djogzs.blogspot.com */
#search input[type="text"]:hover {
background: #fff url("http://1.bp.blogspot.com/-WsvyIFhf92g/UYxts6tPL4I/AAAAAAAAJRE/jP8bNeUjFLg/s000/search_32x32-32.png")no-repeat center left;
width: 150px;}
#search input[type="text"] {
background: #fff url("http://1.bp.blogspot.com/-WsvyIFhf92g/UYxts6tPL4I/AAAAAAAAJRE/jP8bNeUjFLg/s000/search_32x32-32.png")no-repeat center center;
right: 45px;
}
.twitterjo{
background: #fff url("http://1.bp.blogspot.com/-xyeOtoNgPoE/UYxtuVn4k2I/AAAAAAAAJRM/t1VqDJ_6P-s/s000/twitter_bird.png")no-repeat center center;
right: 145px;
}
.facebookjo {
background: #fff url("http://2.bp.blogspot.com/-DGAsYU4zLTc/UYxtwmuGooI/AAAAAAAAJRU/IP26z8wURDI/s000/facebook.png")no-repeat center center;
right: 95px;
}
.rssjo{
background: #fff url("http://3.bp.blogspot.com/-I2_n8V1vWRs/UYxtyd3EOnI/AAAAAAAAJRc/3d34HwCDyPg/s000/rss.png")no-repeat center center;
right: 195px;
}
.rssjo, .facebookjo, .twitterjo, #search input[type="text"]{
font-size: 13px;
color: #222;
width: 0px;
top:60px;
padding: 8px 7px 7px 35px;
z-index: 9;
border: 1px solid #C2D4F1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
margin-bottom: -1px;
position: absolute;
border-radius: 5px;
height: 26px;}
#related{background:#444; border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px}
ul#related-posts{font:bold 11px Arial;list-style:none;text-transform:none;margin:10px 0;padding:0}
#related .related-posts{font-weight:400;width:50%;float:right}
#related .related-posts p{margin:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:#000;display:block!important;opacity:0.6}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#related .subscribe{width:43%;float:left;color:#bdbdbd;}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(http://lh3.ggpht.com/_pt7i0nbIOCY/SuPmf8r8eqI/AAAAAAAACXM/BYjbuwVwxas/FeedIcon-16_thumb.gif) 0 50% no-repeat;vertical-align:middle}
.button
{      
display: inline-block;
white-space: nowrap;
background-color: #ddd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background-image: -webkit-linear-gradient(top, #eee, #ccc);
background-image: -moz-linear-gradient(top, #eee, #ccc);
background-image: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
background-image: linear-gradient(top, #eee, #ccc);
border: 1px solid #777;
padding: 0 1.5em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
 
.button:hover
{
background-color: #eee;      
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
background-image: -o-linear-gradient(top, #fafafa, #ddd);
background-image: linear-gradient(top, #fafafa, #ddd);
}
 
.button:active
{
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
position: relative;
top: 1px;
}
 
.button:focus
{
outline: 0;
background: #fafafa;
}  
 
.button:before
{
background: #ccc;
background: rgba(0,0,0,.1);
float: left;      
width: 1.5em;
text-align: center;
font-size: 1.5em;
margin: 0 1em 0 -1em;
padding: 0 .2em;
-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
-moz-border-radius: .15em 0 0 .15em;
-webkit-border-radius: .15em 0 0 .15em;
border-radius: .15em 0 0 .15em;  
pointer-events: none;
}

/* Buttons and inputs */

button.button, input.button
{
cursor: pointer;
overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
 button::-moz-focus-inner
{
border: 0;
padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */
input::-moz-focus-inner
{
padding: .4em;
}
/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover
{
background: #eee;
color: #aaa;
border-color: #aaa;
cursor: default;
text-shadow: none;
position: static;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
 
/* Hexadecimal entities for the icons */
 
.add:before
{
content: "\271A";
}
 
.edit:before
{
content: "\270E";      
}
 
.delete:before
{
content: "\2718";      
}
 
.save:before
{
content: "\2714";      
}
 
.email:before
{
content: "\2709";      
}
 
.like:before
{
content: "\2764";      
}
 
.next:before
{
content: "\279C";
}
 
.star:before
{
content: "\2605";
}
 
.spark:before
{
content: "\2737";
}
 
.play:before
{
content: "\25B6";
}
/* Social media buttons */
.tw, .fb,
.tw:hover, .fb:hover
{
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
}
.tw, .tw:focus
{
background-color: #88E1E6;
}

.fb, .fb:focus
{
background-color: #3C5A98;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.4);
}
.tw:hover
{
background-color: #b1f0f3;
}

.fb:hover
{
background-color: #879bc3;
}

.tw:before
{
content: "t";
background: #91cfd3;
background: rgba(0,0,0,.1);
color: #fff;
font-family: verdana;
text-shadow: 0 1px 0 rgba(0,0,0,.4);
}
 
.fb:before
{
content: "f";
background: #4467ac;
background: rgba(0,0,0,.1);
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.4);
}
#featured{margin:0;padding:10px 10px 0}
.sliderwrapper{position:relative;overflow:hidden;height:380px;-webkit-box-shadow:#222 0 2px 8px;-moz-box-shadow:#222 0 2px 7px;}
.sliderwrapper .contentdiv{visibility:hidden;position:absolute;center:0;top:0;height:100%;padding:0}
.pagination{text-align:right;padding:15px 0 10px}
.pagination a{font-size:11px;color:#fff;background:#5e5e5e;text-shadow:0 2px 2px rgba(0,0,0,0.3);padding:3px 6px}
.pagination a:hover,.pagination a.selected{color:#000;background-color:#aeaeae}\
.featuredPost{width:330px;background:#191919;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#dedde5;position:absolute;bottom:0;padding:10px 10px 0}
.featuredPost a{color:#fff}
.featuredPost a:hover{color:#dedde5}
.featuredPost h2{font-size:12px;line-height:1;margin:0}
.featuredPost span{font-size:10px}
.featuredPost p{font-size:11px}